import QtQuick 2.0
Item {
    width: 100; height: 10
//    function bestDelegate(t) {
//        if(t === 1)
//          return redSquare;
//        return greenSquare; //
//      }

    Component {
        id: redSquare
        Row{
            id:mainRow
            spacing: 5*lv-5

            Image{
                id:expander
                source: "qrc:/expander.png"
                rotation: mainRow.expanded ? 90 : 0
                opacity: rgVal - lfVal === 1 ? 1 : 0  //透明度
                Behavior on rotation {
                    NumberAnimation {duration: 110}
                }
                MouseArea {
                    visible: expander.opacity === 1 ? true : false
                    id: expanderMouseArea
                    anchors.fill: parent
                    onClicked: {
                        mainRow.expanded = !mainRow.expanded
                        console.log(container.height)
                    }
                }
            }
            Text {
                visible: False
                //anchors.left: expander.right
                text: sid + ": " + value
                color: "red"
            }
            Text {
                //anchors.left: expander.right
                visible: True
                text: sid + ": " + value
                color: "blue"
            }
        }
    }
//    Component {
//        id: greenSquare
//        Row{
//            id:mainRow
//            spacing: 10*lv-5
//            Image{
//                id:expander
//                source: "qrc:/expander.png"
//                rotation: mainRow.expanded ? 90 : 0
//                opacity: rgVal - lfVal === 1 ? 1 : 0 //透明度
//                Behavior on rotation {
//                    NumberAnimation {duration: 110}
//                }
//                MouseArea {
//                    visible: expander.opacity === 1 ? true : false
//                    id: expanderMouseArea
//                    anchors.fill: parent
//                    onClicked: {
//                        mainRow.expanded = !mainRow.expanded
//                        console.log(container.height)
//                    }
//                }
//            }
//            Text {
//                //anchors.left: expander.right
//                text: sid + ": " + value
//                color: "green"
//            }
//        }

//    }

//    Loader { sourceComponent: bestDelegate(lv1); }
}



